<%-- 
    Document   : index
    Created on : 23/05/2012, 20:38:30
    Author     : Marcus Lemos
--%>

<%@page import="br.senac.maisconhecimento.entidade.Perfil"%>
<%@page import="br.senac.maisconhecimento.viewdata.LivroViewData"%>
<%@page import="br.senac.maisconhecimento.entidade.Estabelecimento"%>
<%@page import="br.senac.maisconhecimento.entidade.Usuario"%>
<%@page import="br.senac.maisconhecimento.viewdata.ListarLivrosViewData"%>
<%@page import="java.util.List"%>
<%@page import="br.senac.maisconhecimento.entidade.Categoria"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Livraria +Conhecimento</title>
        <link href="<%= request.getContextPath()%>/CONTENT/css/style.css" type="text/css" rel="Stylesheet" />  
        <link href="<%= request.getContextPath()%>/CONTENT/css/livros.css" type="text/css" rel="Stylesheet" />  
        <link href="<%= request.getContextPath()%>/CONTENT/scripts/fancybox/jquery.fancybox-1.3.4.css" type="text/css" rel="Stylesheet" /> 
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="<%= request.getContextPath()%>/CONTENT/scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" src="<%= request.getContextPath()%>/CONTENT/scripts/geral.js"></script>    
        <script type="text/javascript">
            $(document).ready(function () { 
            
                $("#btn_cadastrar").click(function(e) {
                    e.preventDefault();   
                    RetornarHtmlParcial('FormularioLivro?codigo=0', null, null, function(html) {
                        AbrirModal(html, 700, 230);
                    }); 
                });
                
                var btnEditarLivros = $('a[class=editarItem]');
                $.each(btnEditarLivros, function(i, item){                    
                    $(item).click(function(e) {
                        e.preventDefault();   
                        var codigo = $(this).attr('codigoLivro');
                        RetornarHtmlParcial('FormularioLivro?codigo=' + codigo, null, null, function(html) {
                            AbrirModal(html, 700, 230);
                        }); 
                    });
                });
                
                var btnRemoverLivros = $('a[class=removerItem]');
                $.each(btnRemoverLivros, function(i, item){                    
                    $(item).click(function(e) {
                        e.preventDefault();  
                        var exclusaoConfirmada = confirm('Deseja realmente remover o livro?');
                        if(exclusaoConfirmada) {
                            var codigo = $(this).attr('codigoLivro');
                    
                            $.post('RemoverLivro?codigo=' + codigo, null, function (request) {
                                var obj = $.parseJSON(request);
                                alert(obj.mensagem);
                        
                                if(obj.valido == "true") {
                                    $(window.document.location).attr('href', 'Livros'); 
                                }                        
                            }); 
                        }
                    });
                });
                
                $("#btn_buscar").click(function(e) {
                    e.preventDefault();  
                    $('#formFiltrarLivros').submit();
                });

            });
        </script>
    </head>  
    <body>
        <%
            ListarLivrosViewData model = (ListarLivrosViewData) request.getAttribute("ListarLivrosViewData");
            Usuario usuarioLogado = model.getUsuarioLogado();
            List<Estabelecimento> estabelecimentos = model.getEstabelecimentos();
            List<LivroViewData> livros = model.getLivros();
            List<Categoria> categorias = model.getCategorias();
            
            String isbn = request.getParameter("isbn");
            String autor = request.getParameter("autor");
            String nome = request.getParameter("nome");
            String categoriaString = request.getParameter("categoria");
            int categoria = 0;
            
            if(categoriaString != null){
                if(categoriaString.equals("") == false)
                    categoria = Integer.parseInt(request.getParameter("categoria"));
            }
        %>
        <div class="cabecalho">
            <div class="dadosPerfil">
                <img src="" border="0" />
                <label>Olá <%= usuarioLogado.getNome()%>!</label>
            </div>
            <div class="menuSistema">
                <div class="vertical-menu"></div>
                <div class="botao requisicoes">
                    <img src="<%= request.getContextPath()%>/CONTENT/images/ico-menu-header-requisicoes.png" border="0" alt="Requisições" />
                    <a href="requisicoes.htm">
                        Requisições
                        <span class="numeroRequisicoes"><%= model.getTotalRequisicoes()%></span>
                    </a>
                </div>
                <div class="vertical-menu"></div>
                <div class="botao preferencia">
                    <img src="<%= request.getContextPath()%>/CONTENT/images/ico-menu-header-preferencia.png" border="0" alt="Preferências" />
                    <a href="preferencias.htm">Preferências</a>
                </div>
                <div class="vertical-menu"></div>
                <div class="botao sair">
                    <img src="<%= request.getContextPath()%>/CONTENT/images/ico-menu-header-sair.png" border="0" alt="Sair" />
                    <a href="<%= request.getContextPath() %>/Logoff">Sair</a>
                </div>
                <div class="vertical-menu"></div> 
                <div class="clearboth"></div>  
            </div>
            <div class="clearboth"></div>
        </div>
        <div class="corpo">
            <div class="barra">
                <img src="<%= request.getContextPath()%>/CONTENT/images/logo.png" border="0" class="logo" alt="Livraria +Conhecimento" title="Livraria +Conhecimento" />
                <div class="menulateral">   
                    <div class="menutopo"></div>
                    <div class="menuitem" codigo="1">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/home-1.png" border="0" alt="" title="" />
                        <a href="index.htm">Painel</a>                
                    </div>
                    <div class="horizontal-menu"></div>
                    <div class="menuitem" codigo="2">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/file-cabinet.png" border="0" alt="" title="" />
                        <a href="#">Estoque</a>
                    </div>
                    <div id="SubMenuEstoque" class="subMenu" codigo="2">                    
                        <div class="horizontal-menu"></div>
                        <%
                            if (estabelecimentos != null) {
                                for (Estabelecimento e : estabelecimentos) {
                        %>
                        <div class="itemSubMenu">
                            <img src="<%= request.getContextPath()%>/CONTENT/images/file-cabinet.png" border="0" alt="" title="" />
                            <a href="estoque/sede.htm?subMenu=2">
                                +Conhecimento <%= e.getBairro()%>
                                <!-- <%= ""%> -->
                            </a>
                        </div>
                        <div class="horizontal-menu"></div>
                        <%
                                }
                            }
                        %>
                    </div>  
                    <div class="horizontal-menu"></div>
                    <div class="menuitem" codigo="3">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/books-2.png" border="0" alt="" title="" />
                        <a href="<%= request.getContextPath()%>/Livros">Livros</a>                
                    </div>
                    <div class="horizontal-menu"></div>
                    <div class="menuitem" codigo="5">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/user.png" border="0" alt="" title="" />
                        <a href="usuarios/index.htm">Usuários</a>                
                    </div>
                    <div class="menurodape"></div> 
                </div>                
            </div> 
            <div class="conteudo">
                <div class="titulo">                
                    <img src="<%= request.getContextPath()%>/CONTENT/images/ico-livros.png" alt="" />
                    Livros
                    <br />
                    <div class="linhaHorizontal"></div>
                </div>
                <div class="busca">
                    <p>Buscar Por:</p>
                    <div class="lateralEsquerda"></div>
                    <div class="corpo">
                        <form id="formFiltrarLivros" action="Livros" method="POST">
                            <div class="campo">
                                <p>ISBN:</p>
                                <input id="txbISBN" name="isbn" type="text" value="<%= isbn == null ? "" : isbn %>" />
                            </div>
                            <div class="campo">
                                <p>Nome:</p>
                                <input id="txbNome" name="nome" type="text" value="<%= nome == null ? "" : nome %>" />
                            </div>
                            <div class="campo">
                                <p>Categoria:</p>
                                <select id="ddlCategoria" name="categoria">
                                    <option value="" <%= categoria == 0 ? "selected" : ""%>></option>
                                    <% for (Categoria cat : categorias) {%>
                                    <option value="<%= cat.getId()%>"  <%= categoria == cat.getId() ? "selected" : ""%>><%= cat.getDescricao()%></option>      
                                    <% }%>
                                </select>
                            </div>
                            <div class="campo">
                                <p>Autor:</p>
                                <input id="txbAutor" name="autor" type="text" value="<%= autor == null ? "" : autor %>" />
                            </div>
                        </form>
                    </div>
                    <div class="lateralDireita"></div>    
                    <br />
                    <a id="btn_buscar" href="#">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/btn-buscar.png" alt="Buscar" title="Buscar" />
                    </a> 
                    <% if (usuarioLogado.getPerfil() == Perfil.Adminstrador) {%>
                    <a id="btn_cadastrar" href="CadastrarLivro">
                        <img src="<%= request.getContextPath()%>/CONTENT/images/btn_novo.png" alt="Cadastrar Novo" title="Cadastrar Novo" />
                    </a>
                    <% }%>
                </div>  
                <div class="tabelaResultado" style="width: 950px; display: block;">
                    <% if (livros == null) {%>  
                    <div id="MensagemNaoResultados">Sem Resultados</div>
                    <% } else if (livros.size() == 0) {%>  
                    <div id="MensagemNaoResultados">Sem Resultados</div>
                    <% } else {%>  
                    <table cellpadding="0" cellspacing="0">
                        <tr class="topo">
                            <td colspan="5">
                                <img src="<%= request.getContextPath()%>/CONTENT/images/bg-quina-superior-direito-tabela.png" class="cantoDireito" alt="" />
                                <img src="<%= request.getContextPath()%>/CONTENT/images/bg-quina-superior-esquerdo-tabela.png" class="cantoEsquerdo" alt="" />
                            </td>
                        </tr>
                        <tr class="header">
                            <td>ISBN</td>
                            <td>Nome</td>
                            <td>Autor</td>
                            <td>Categoria</td>
                            <% if (usuarioLogado.getPerfil() == Perfil.Adminstrador) {%>
                            <td class="ultimaColuna botoes">&nbsp;</td>
                            <% }%>
                        </tr>
                        <% for (int i = 0; i < livros.size(); i++) {
                                LivroViewData livro = livros.get(i);
                        %>
                        <tr class="<%= i % 2 == 0 ? "on" : "off"%>">
                            <td class="isbn"><%= livro.getIsbn()%></td>
                            <td class="nome"><%= livro.getNome()%></td>
                            <td class="autor"><%= livro.getAutor()%></td>
                            <td class="categoria"><%= livro.getCategoria()%></td>
                            <% if (usuarioLogado.getPerfil() == Perfil.Adminstrador) {%>
                            <td class="ultimaColuna">
                                <a class="editarItem" href="#" codigoLivro="<%= livro.getCodigo()%>">
                                    <img src="<%= request.getContextPath()%>/CONTENT/images/btn-editar.png" alt="" />
                                </a>
                                <a class="removerItem" href="#" codigoLivro="<%= livro.getCodigo()%>">
                                    <img src="<%= request.getContextPath()%>/CONTENT/images/btn-remover.png" alt="" />
                                </a>
                            </td>
                            <% }%>
                        </tr>
                        <% }%>
                        <tr class="final">
                            <td colspan="5">
                                <img src="<%= request.getContextPath()%>/CONTENT/images/bg-quina-inferior-direito-tabela.png" class="cantoDireito" alt="" />
                                <img src="<%= request.getContextPath()%>/CONTENT/images/bg-quina-inferior-esquerdo-tabela.png" class="cantoEsquerdo" alt="" />
                            </td>
                        </tr>
                    </table>
                    <% }%>
                </div>                
            </div> 
            <div class="clearboth"></div>    
        </div>
        <div class="rodape"></div> 
        <div class="clearboth"></div>
    </body>
</html>
